require('bootstrap');
require('bootstrap/dist/css/bootstrap.css');
require('fuelux');
// require('http://www.fuelcdn.com/fuelux/3.7.3/css/fuelux.min.css');

function staticDataSource(openedParentData, callback) {
    const childNodesArray = [
        { "name": "Ascending and Descending", "type": "folder" },
        { "name": "Sky and Water I", "type": "item" },
        { "name": "Drawing Hands", "type": "folder" },
        { "name": "waterfall", "type": "item" },
        { "name": "Belvedere", "type": "folder" },
        { "name": "Relativity", "type": "item" },
        { "name": "House of Stairs", "type": "folder" },
        { "name": "Convex and Concave", "type": "item" }
    ];

    callback({
        data: childNodesArray
    });
}
$(function() {
    $('#myTree').tree({
        dataSource: staticDataSource,
        multiSelect: false,
        folderSelect: true
    });
});